<style>
body, html {
	background:#FFF;
}
span.ht_ficha {
	font-weight:bold;
	font-size: 18px;
}
ul.ht_list_treino {
	margin:0;
	padding:0;
	list-style-type:none;
}
ul.ht_list_treino li {
	list-style:none;
	display:block;
	cursor:pointer;
	padding:3px;
	width:120px;
	text-align:center;
	text-decoration:none;
	background:#f5f5f5;
	border:1px solid #b3b3b3;
	-webkit-border-radius: 10px;
	border-radius:10px;
	box-shadow: #000 0.2em 0.2em 0.1em;
	margin-bottom: 10px;
}
ul.ht_list_treino li:hover {
	font-weight:bold;
	background:#000;
	color:#FFF;
	border:1px solid #b3b3b3;
}
div.ht_treino_show {
	display:block;
	position:static;
}
div.ht_treino_hide {
	display:none;
	position:static;
}
table.ht_ficha_table, table.ht_treino_table {
	width:480px;
	height:auto;
	margin:10px 0px 30px 0px;
	text-align:center;
}
table.ht_ficha_table td {
	width:160px;
	height:auto;
}
.ht_table_td_title {
	background:#b0c4de;
	font-weight:bold;
	border-bottom:1px solid #b3b3b3;
}
table.ht_treino_table td {
	width:auto;
	height:auto;
}
</style>
<script type="text/javascript" language="javascript" src="js/HistoricoTreinos.js"></script>
<!--Precisa criar botão "Histórico" no perfil do atleta-->
<span class="ht_ficha" title="Ficha $#">Ficha $#</span>
<table class="ht_ficha_table" cellspacing="0" cellpadding="0">
  <tr>
    <td class="ht_table_td_title">Academia</td>
    <td class="ht_table_td_title">Ficha</td>
    <td class="ht_table_td_title">Instrutor</td>
  </tr>
  <tr>
    <td>$academia</td>
    <td>$ficha</td>
    <td>$instrutor</td>
  </tr>
  <tr>
    <td class="ht_table_td_title">Objetivo</td>
    <td class="ht_table_td_title">Peso atual (kg)</td>
    <td class="ht_table_td_title">Idade</td>
  </tr>
  <tr>
    <td>$objetivo</td>
    <td>$peso</td>
    <td>$idade</td>
  </tr>
  <tr>
    <td class="ht_table_td_title">Altura</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>$altura</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<ul class="ht_list_treino">
<li onClick="javascript:mudarClasse();">Treino $#</li>
<div id="t1" class="ht_treino_hide">
<table class="ht_treino_table" cellspacing="0" cellpadding="0">
  <tr>
    <td class="ht_table_td_title">Exerc&iacute;cios</td>
    <td class="ht_table_td_title">S&eacute;ries</td>
    <td class="ht_table_td_title">Repeti&ccedil;&otilde;es</td>
    <td class="ht_table_td_title">Intervalo</td>
    <td class="ht_table_td_title">Carga (Kg)</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>
<table class="ht_treino_table" cellspacing="0" cellpadding="0">
  <tr>
    <td class="ht_table_td_title">Observa&ccedil;&otilde;es</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
</table>
</div>
</ul>
